<?php ?>
<?php include 'json.php';?>

    <link rel="stylesheet" href="/css/ui-lightness/jquery.ui.all.css">
    <link rel="stylesheet" href="/css/ui-lightness/jquery.ui.theme.css">
    <link rel="stylesheet" href="/css/demo_table.css">
    <link rel="stylesheet" href="/css/demo_table_jui.css">
    <link rel="stylesheet" href="/css/layout.css">
	<style>
<!--
		fieldset { padding:0; border:0; margin-top:25px; }
-->
</style>
	<script src="/js/jquery-1.6.2.js"></script>
	<script src="/js/jquery-ui/ui/jquery.ui.core.js"></script>
	<script src="/js/jquery-ui/ui/jquery.ui.widget.js"></script>
	<script src="/js/jquery-ui/ui/jquery.ui.mouse.js"></script>
	<script src="/js/jquery-ui/ui/jquery.ui.button.js"></script>
	<script src="/js/jquery-ui/ui/jquery.ui.draggable.js"></script>
	<script src="/js/jquery-ui/ui/jquery.ui.position.js"></script>
	<script src="./js/jquery-ui/ui/jquery.ui.resizable.js"></script>
	<script src="/js/jquery-ui/ui/jquery.ui.dialog.js"></script>
	
	<script src="/js/jquery-ui/ui/jquery.effects.core.js"></script>
	<script src="/js/jquery.dataTables.js"></script>

	<script src="/js/zona.js" type="text/javascript"></script>


	<div id="filtroBusqueda" class="form">
		<div class="form_row"><div>Descripcion</div><div><input type="text" id="descripcionZona"/></div></div>
		<div class="button_container">
			<span id="buscarZona" class="button-class">Buscar</span><span id="nuevaZona" class="button-class">Nuevo</span>
		</div>		
	</div>
	<div id="resultadoBusqueda">
	</div>
	<div id="dialogoNuevo" title="Crear Zona">
			<label>Descripcion</label>:<input type="text" id="descripcionZonaNueva"/>*
			<p>* campo obligatorio</p>
	</div>
	<div id="dialogoModificar" title="Modificar Zona">
			<label>Descripcion</label>:<input type="text" id="descripcionZonaModificar"/>*
			<p>* campo obligatorio</p>
			<input type="hidden" id="idZonaModificar" />
	</div>
		